@charset "utf-8";
* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@font-face {
    font-family: 'pf';
    src: url('../fonts/PINGFANGMEDIUM_0.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eng';
    src: url('../fonts/eng.ttf');
    font-weight: normal;
    font-style: normal;
}

html {
    margin: 0 auto;
}

body {
    /* overflow-x: hidden; */
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-weight: normal;
    margin: 0;
    line-height: 1;
}

p {
    line-height: 1.5;
}

a,
a:visited {
    text-decoration: none;
    color: #000;
}

li {
    list-style: none;
}

ul,
li,
ol {
    margin: 0;
    padding: 0;
}

fieldset,
input,
button,
textarea {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    -webkit-appearance: none;
}

input[type='checkbox'] {
    -webkit-appearance: checkbox;
}

input[type='radio'] {
    -webkit-appearance: radio;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.cl:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

.img {
    max-width: 100%;
    height: auto;
    display: block;
}

.img2 {
    max-height: 100%;
    width: auto;
}

.trans {
    -moz-transition: all ease .8s;
    -webkit-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
}

.trans04 {
    -moz-transition: all ease .4s;
    -webkit-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}

.trans2 {
    -moz-transition: all ease 2s;
    -webkit-transition: all ease 2s;
    -o-transition: all ease 2s;
    transition: all ease 2s;
}

.transcalxzero {
    transform: scaleX(0);
    -o-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -webkit-transform: scaleX(0);
}

.transcaletop {
    transform: scale(1, 0);
    -o-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -moz-transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
}

.bg {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding-bottom: 31%;
}

.bg0 {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.absolute {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.abs {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.flex {
    display: box;
    /* OLD - Android 4.4- */
    display: flexbox;
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

/*公共*/

.fl {
    float: left;
}

.fr {
    float: right;
}

.cb {
    clear: both;
}

.c12 {
    width: 1200px;
    margin: auto;
}

.cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contain {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

a,
.tran,
img {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

a {
    color: #000;
}

.tran5 {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.pic {
    transition: all 2s;
    -webkit-transition: all 2s;
}

.pic.cover {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.pic.contain {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.contain {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.none {
    display: none;
}

/*图片放大*/

.big-img {
    width: 100%;
    height: 100%;
    animation: changeBiger 10s cubic-bezier(0, 0, 0, 0.34) forwards;
    transform: scale(1.08);
}

.slide_nav {
    background: #967f63;
    overflow: auto;
    padding-bottom: 30px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    width: 100%;
    position: fixed;
    left: -100%;
    top: 0;
    height: 100%;
    z-index: 99999999;
}

.slide_nav.left_active {
    left: 0;
}

.slide_nav .slide_logo {
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
    padding: 15px 0;
}

.slide_nav .slide_logo a {
    display: block;
}

.slide_nav .slide_logo a img {
    max-width: 54%;
}

.slide_nav .slide_nav_ul {
    margin-top: 8%;
}

.slide_nav .slide_nav_ul li {
    text-align: center;
    position: relative;
    width: 100%;
    line-height: 50px;
}

.slide_nav .slide_nav_ul .slideJA {
    font-size: 16px;
}

.slide_nav .slide_nav_ul .slideNavSecon {
    display: none;
    overflow: hidden;
    background: #b58b57;
}

.slide_nav .slide_nav_ul .slideNavSecon a {
    display: block;
}

.slide_nav .slide_nav_ul .slideNavSecon.active {
    height: 100%;
}

.slide_nav .slide_nav_ul li a {
    font-size: 15px;
    color: #fff;
    height: 50px;
    display: block;
}

.slide_nav .slide_nav_ul .slide_nav_ulLast a {
    display: inline-block;
}

.slide_nav .slide_nav_ul .slide_nav_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}

.slide_nav .slide_nav_ul .slide_nav_bg span {
    background: #fff;
    height: 50px;
}

.slide_nav .slide_nav_ul .slide_nav_wz {
    width: 100%;
    height: 50px;
    position: relative;
    left: 0;
    top: 0;
    z-index: 10;
    line-height: 50px;
}

.phone_back {
    width: 60%;
    height: 40px;
    display: block;
    font-size: 14px;
    margin: 0 auto;
    margin-top: 20px;
    border: 0;
    background: #fff;
    color: #000;
    text-align: center;
    line-height: 40px;
}

header {
    position: relative;
}

header .menu {
    display: none;
}

header .main {
    padding-left: 34.5%;
    overflow: hidden;
}

header .logo {
    position: absolute;
    width: 34.5%;
    left: 0;
    top: 0;
    background: #967f63;
    height: 100%;
}

header .logo .pic {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

header .main .top {
    background: #5d5959;
    overflow: hidden;
}

header .main .top .box {
    float: left;
    height: 85px;
    line-height: 85px;
    color: #ffe2a9;
    margin-left: 9%;
}

header .main .top .box:nth-child(2) {
    margin-left: 5%;
}

header .main .top .box p {
    line-height: 85px;
    float: left;
    letter-spacing: 2px;
}

header .main .top .box span {
    display: block;
    float: left;
    margin: -5px 15px 0 30px;
}

header .main .top a {
    display: block;
    height: 85px;
    line-height: 85px;
    float: left;
    margin-left: 2%;
    background: #967f63;
    padding: 0 20px;
    color: #fff;
    letter-spacing: 2px;
}

header .main .top a span {
    display: inline-block;
    width: 33px;
    height: 25px;
    background-image: url(../images/mall.png);
    vertical-align: middle;
    margin-top: -8px;
}

header .main .top a:hover {
    opacity: .7;
}

header .main nav {
    padding: 0 15%;
    display: flex;
    justify-content: space-between;
}

header .main nav a {
    padding: 7% 15px;
    font-family: "microsoft yahei";
    color: #666666;
    position: relative;
}

header .main nav a:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    background: #977f63;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

header .main nav a.on,
header .main nav a:hover {
    color: #6f5637;
}

header .main nav a.on:after,
header .main nav a:hover:after {
    width: 100%;
}

.swiper_01 {
    overflow: hidden;
    position: relative;
}

.swiper_01 .page01 {
    position: absolute;
    bottom: 5%;
    text-align: center;
    z-index: 2;
}

.swiper_01 .page01 .swiper-pagination-bullet {
    opacity: 1;
    width: 10px;
    height: 10px;
    background: #000;
    opacity: .6;
    cursor: pointer;
}

.swiper_01 .page01 .swiper-pagination-bullet-active {
    background: #a18c72;
    opacity: 1;
}

.swiper_01 .swiper-slide {
    position: relative;
    overflow: hidden;
}

.swiper_01 .swiper-slide .txt {
    position: absolute;
    background: url(../images/op.png);
    z-index: 2;
    padding: 3%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.swiper_01 .swiper-slide .txt .line {
    width: 75px;
    height: 2px;
    background: #818281;
    margin: 5% auto;
}

.swiper_01 .swiper-slide .txt p {
    font-size: 12px;
    opacity: .3;
    line-height: 1;
    margin-top: 5%;
}

.swiper_01 .swiper-slide .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 44%;
}

.index-pro {
    padding: 4% 8.5%;
}

.index-title {
    text-align: center;
    margin-bottom: 2.5%;
}

.index-title .eng {
    font-family: arial;
    letter-spacing: 5px;
    opacity: .3;
}

.index-title h1 {
    position: relative;
    height: 1px;
    background: #b2b2b2;
    margin: 1.5% 0;
}

.index-title h1 span {
    position: absolute;
    background: #fff;
    left: 50%;
    padding: 0 4.5%;
    transform: translate(-50%, -50%);
}

.index-title p {
    letter-spacing: 5px;
    opacity: .5;
}

.index-pro .pro-list {
    overflow: hidden;
    margin-bottom: 40px;
}

.index-pro .pro-list li {

    position: relative;
    overflow: hidden;
    margin: 0 20px 0 0;
}


.index-pro .pro-list li .pic-w {
    padding-bottom: 148%;
    overflow: hidden;
    position: relative;
}

.index-pro .pro-list li .op {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/op.png);
    z-index: 2;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.index-pro .pro-list li .txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    color: #fff;
    width: 75%;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.index-pro .pro-list li .txt h1 {
    letter-spacing: 5px;
    padding-top: 15%;
}

.index-pro .pro-list li .txt .line {
    background: #fff;
    opacity: .3;
    width: 25px;
    height: 3px;
    margin: 8% auto;
}

.index-pro .pro-list li .txt h2 {
    opacity: .7;
    margin-bottom: 15%;
}

.index-pro .pro-list li .txt .more {
    background: #977f63;
    padding: 8%;
    box-shadow: 0px -7px 20px 0 #666;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    opacity: 0;
}

.index-pro .pro-list li .txt.on {
    background: #977f63;
}

.index-pro .pro-list li:hover .txt {
    background: #977f63;
    transform: translate(-50%, -60%);
}

.index-pro .pro-list li:hover .txt .more {
    opacity: 1;
}

.index-pro .pro-list li:hover .op {
    opacity: 0;
}

.index-pro .pro-list li .more:hover {
    background: #fff;
    color: #977f63;
}

.pro-xl {
    overflow: hidden;
    position: relative;
}

.pro-xl .main {
    float: right;
    width: 35.7%;
    overflow: hidden;
}

.pro-xl .pro-swiper {
    width: 64.3%;
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    overflow: hidden;
}

.pro-xl .main li {
    background: #303030;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-bottom: 1px solid #000;
    border-top: 1px solid #6e6e6e;
    padding: 6.5% 0;
    position: relative;
}

.pro-xl .main li .txt {
    position: relative;
    z-index: 2;
}

.pro-xl .main li p {
    font-family: arial;
}

.pro-xl .main li .line {
    width: 50px;
    height: 2px;
    background: #fff;
    margin: 5% auto;
    opacity: .6;
}

.pro-xl .main li:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: #a18c72;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.pro-xl .main li.on:after {
    transform: translate(-50%, -50%) scale(1);
}

.pro-swiper .txt {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
    color: #fff;
}

.pro-swiper .txt .left {
    float: left;
    width: 83.3%;
    padding: 4.7% 5%;
    background: rgba(0, 0, 0, 0.5);
}

.pro-swiper .txt .left p {
    font-size: 12px;
    font-family: simsun;
    opacity: .7;
}

.pro-swiper .txt .left .line {
    width: 10px;
    height: 3px;
    background: #706f6f;
    margin: 3% 0;
}

.pro-swiper .pro-a {
    position: absolute;
    width: 10%;
    height: 20%;
    z-index: 2;
    bottom: 0;
    right: 0;
}

.pro-swiper .txt .right {
    width: 16.7%;
    float: right;
    background: url(../images/op-h.png);
    position: absolute;
    height: 100%;
    right: 0;
    text-align: center;
}

.pro-swiper .txt .right p {
    font-size: 12px;
    font-family: arial;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pro-swiper .txt .word {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.index-pp {
    padding: 4% 8.5%;
    background: #cac6c6;
}

.index-pp .index-title span {
    background: #cac6c6;
}

.index-pp .main {
    position: relative;
}

.index-pp .main:after {
    content: "";
    display: block;
    clear: both;
}

.index-pp .main .pic-w {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 40%;
    height: 100%;
}

.index-pp .main .txt {
    background: #fff;
    width: 60%;
    float: right;
    padding: 4.5%;
    box-shadow: 0 0 20px 0 #666;
}

.index-pp .main .txt .eng {
    font-size: 12px;
    font-family: arial;
    opacity: .5;
    margin-top: 15px;
}

.index-pp .main .txt .des {
    opacity: .8;
    line-height: 2;
    margin: 8% 0;
}

.index-pp .main .txt .more {
    display: block;
    width: 180px;
    height: 50px;
    border: 1px solid #977f63;
    background: #977f63;
    color: #fff;
    text-align: center;
    line-height: 48px;
}

.index-pp .main .txt .more:hover {
    background: #fff;
    color: #977f63;
}

.index-pp .main:hover .pic {
    transform: scale(1.1);
}

.index-zs {
    overflow: hidden;
}

.index-zs .top {
    padding: 4% 8.5%;
    padding-bottom: 0;
}

.index-zs .main {
    padding: 3% 8.5%;
    overflow: hidden;
}

.index-zs .main li {
    width: 23%;
    float: left;
    position: relative;

    margin: 0 2.66% 0 0;
    background: url(../images/op-w.png);
    padding: 8% 0;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.index-zs .main li:nth-child(4) {
    margin-right: 0;
}

.index-zs .main li .pic-w {
    padding-bottom: 20%;
    position: relative;
}

.index-zs .main li h1 {
    margin-top: 8%;
    color: #fff;
}

.index-zs .main li h2 {
    color: #fff;
    opacity: .5;
    margin-top: 5%;
}

.index-zs .main li .line {
    width: 40%;
    margin: 10% auto;
    background: #fff;
    height: 2px;
    opacity: .5;
}

.index-zs .main li .des {
    width: 80%;
    margin: auto;

    color: #fff;
    opacity: .7;
    height: 90px;
}

.index-zs .main li .more {
    display: block;
    margin: auto;
    margin-top: 10%;
    width: 130px;
    height: 30px;
    border: 1px solid #fff;
    line-height: 28px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    opacity: .8;
}

.index-zs .main li:hover {
    background: url(../images/zs-bg.jpg);
}

.index-zs .main li .more:hover {
    background: #977f63;
    border-color: #977f63;
    opacity: 1;
    box-shadow: 0 0 10px 0 #fff;
}

.index-store {
    padding: 4% 8.5%;
    position: relative;
}

.store-swiper {
    margin: 0 6%;
    overflow: hidden;
}

.store-swiper .swiper-slide {
    overflow: hidden;
    text-align: center;
}

.store-swiper .swiper-slide .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 75%;
}

.store-swiper .swiper-slide .pic-w .pic {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.store-swiper .swiper-slide .txt {
    display: inline-block;
    padding: 10px;
    letter-spacing: 5px;
    border: 1px solid #977F63;
    margin-top: 10%;
}

.store-swiper .swiper-slide:hover .txt {
    background: #977F63;
    color: #fff;
    cursor: pointer;
}



.index-store .s-prev {
    position: absolute;
    width: 60px;
    height: 130px;
    left: 8.5%;
    top: 33%;
    background: #bfbfbf url(../images/prev.png) center center no-repeat;
    z-index: 1;
    outline: none;
}

.index-store .s-next {
    position: absolute;
    width: 60px;
    height: 130px;
    right: 8.5%;
    top: 33%;
    background: #bfbfbf url(../images/next.png) center center no-repeat;
    z-index: 1;
    outline: none;
}

.index-store .button div:hover {
    background-color: #977F63;
}

.index-new {
    padding: 4% 8.5%;
    background: #cac6c6;
}

.index-new .index-title span {
    background: #cac6c6;
}

.index-new .main {
    overflow: hidden;
}

.index-new .main li {
    width: 30%;
    float: left;
    margin-right: 3.33%;
}

.index-new .main li:nth-child(3) {
    margin-right: 0;
}

.index-new .main li .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 70%;
}

.index-new .main li .txt {
    padding: 12% 9%;
}

.index-new .main li .txt span {
    opacity: .5;
    font-size: 14px;
}

.index-new .main li .txt .z16 {
    margin-top: 15%;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1;
}

.index-new .main li .txt .des {
    line-height: 20px;
    height: 40px;
    opacity: .5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 5%;
}

.index-new .main li .txt .line {
    background: #000;
    opacity: .5;
    margin-top: 6%;
    height: 1px;
}

.index-new .main li:hover .pic {
    transform: scale(1.1);
}

.index-new .main li:hover .txt {
    background: #977F63;
    color: #fff;
}

.index-new .main li:hover .line {
    background: #fff;
}

.phone-bot {
    display: none;
}

footer {
    background: #191919;
}

footer .bot {
    padding: 2% 8.5%;
    background: #000000;
    color: #fff;
    display: flex;
    justify-content: space-between;
}

footer .bot p,
footer .bot a,
footer .bot span {
    opacity: .3;
    color: #fff;
}

footer .bot a:hover {
    opacity: .7;
}

footer .top {
    padding: 3% 8.5%;
    overflow: hidden;
}

footer .top .left {
    float: left;
    width: 28.5%;
}

footer .top .left .search {
    margin: 10% 0;
    background: #fff;
    overflow: hidden;
}

footer .top .left input {
    height: 55px;
    line-height: 55px;
    width: 80%;
    display: block;
    float: left;
    text-indent: 20px;
}

footer .top .left button {
    width: 20%;
    height: 55px;
    display: block;
    float: left;
    background: url(../images/search.png) center center no-repeat;
}

footer .top .left .cont {
    color: #fff;
}

footer .top .left .cont h1 {
    margin-bottom: 8%;
}

footer .top .left .cont p {
    opacity: .5;
	line-height:32px;
}

footer .top .right {
    float: right;
    width: 62%;
}

footer .top .right .nav ul {
    display: flex;
    justify-content: space-between;
    margin-top: 3%;
}

footer .top .right .nav ul a {
    display: block;
    color: #fff;
    opacity: .5;
    margin-bottom: 20px;
    text-align: center;
}

footer .top .right .nav ul .line {
    width: 30px;
    height: 2px;
    background: #fff;
    margin: auto;
    opacity: .5;
    margin: 40px auto;
}

footer .top .right .nav ul a.big {
    opacity: 1;
    padding: 10px 20px;
    border: 1px solid #191919;
    border-radius: 20px;
}

footer .top .right .nav ul a.big:hover {
    border: 1px solid #fff;
}

footer .top .right .nav ul a:hover {
    opacity: 1;
}

footer .top .ewms {
    float: right;
    margin-top: 3%;
    overflow: hidden;
}

footer .top .ewms .box {
    float: left;
    text-align: center;
    margin-left: 30px;
    color: #fff;
    width: 100px;
}

footer .top .ewms .box img {
    width: 100%;
}

footer .top .ewms .box p {
    margin-top: 15px;
}

.inner-banner {
    position: relative;
    overflow: hidden;
}

.inner-banner .pic-w {
    position: relative;
    padding-bottom: 38%;
}

.inner-banner .inner-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #bca176;
    border-bottom: 1px solid #bca176;
}

.inner-banner .inner-nav.scoll {
    position: fixed;
    z-index: 999;
    top: 0;
    background: #bca176;
    width: 100%;
    bottom: auto;
}

.inner-banner .local-nav {
    position: absolute;
    left: 7.5%;
    bottom: 25%;
    z-index: 2;
    font-size: 12px;
    color: #fff;
}

.inner-banner .local-nav a {
    color: #fff;
}

.inner-banner .local-nav a:hover {
    color: #bca176;
}

.inner-banner .inner-nav a {
    width: 50%;
    text-align: center;
    border-right: 1px solid #bca176;
    color: #fff;
    background: url(../images/op-w.png);
    height: 70px;
    line-height: 70px;
}

.inner-banner .inner-nav a:hover,
.inner-banner .inner-nav a.on {
    background: url(../images/bg-y.jpg);
}

.cp-series {
    padding: 5% 9%;
}

.cp-series li {
    position: relative;
    overflow: hidden;
    margin-bottom: 4%;
}

.cp-series li:last-child {
    margin-bottom: 0;
}

.cp-series li .pic-w {
    position: relative;
    padding-bottom: 33%;
}

.cp-series li .txt {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/op-h.png);
    right: 6%;
    color: #fff;
    padding: 3% 0 6% 0;
    text-align: center;
    width: 20%;
}

.cp-series li .txt p {
    font-family: arial;
    letter-spacing: 5px;
    opacity: .7;
}

.cp-series li .txt h1 {
    letter-spacing: 5px;
    margin-top: 5%;
}

.cp-series li .txt h2 {
    margin-top: 10%;
}

.cp-series li .txt .more {
    margin-top: 20%;
    letter-spacing: 2px;
}

.cp-series li:hover .pic {
    transform: scale(1.1);
}

.cp-series li:hover .txt {
    background: url(../images/bg-y.jpg);
    box-shadow: 0 0 15px 0 #000;
    right: 50%;
    transform: translate(50%, -50%);
}

.cp-list {
    padding: 5% 9%;
    background: #f5f3f2;
}

.inner-title {
    position: relative;
    text-align: center;
}

.inner-title .main {
    position: relative;
    background: #f5f3f2;
    z-index: 2;
    display: inline-block;
    padding: 0 2%;
}

.inner-title .main p {
    font-family: arial;
    opacity: .5;
    margin-top: 10px;
}

.inner-title .main h1 {
    font-family: simhei;
}

.inner-title:after {
    content: "";
    position: absolute;
    z-index: 1;
    background: #c6b9aa;
    height: 1px;
    width: 100%;
    left: 0;
    top: 15px;
}

.cp-list .choose {
    overflow: hidden;
    margin-top: 3%;
}

.cp-list .choose .box {
    overflow: hidden;
    margin-bottom: 2%;
}

.cp-list .choose h1,
.cp-list .choose a {
    float: left;
    margin-right: 15px;
    line-height: 1;
}

.cp-list .choose a {
    cursor: pointer;
}

.cp-list .choose h1 {
    font-weight: bold;
}

.cp-list .choose a.on {
    color: #bca176;
}

.cp-main {
    margin-top: 3%;
}

.cp-main:after {
    content: "";
    display: block;
    clear: both;
}

.cp-main li {
    position: relative;
    overflow: hidden;
    width: 32%;
    float: left;
    margin: 0 2% 2% 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.cp-main li:nth-child(3n) {
    margin-right: 0;
}

.cp-main li .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 80%;
}

.cp-main li p {
    background: #bca176;
    color: #fff;
    letter-spacing: 2px;
    padding: 3% 0;
    text-align: center;
}

.cp-main li:hover {
    box-shadow: 0 0 15px 0 #333;
}

.cp-main li:hover .pic {
    transform: scale(1.1);
}

#pages {
    display: block;
    margin-top: 2%;
    text-align: center;
}

#pages a {
    display: inline-block;
    margin: 0 5px;
    padding: 5px 10px;
    cursor: pointer;
}

#pages a.on,
#pages a:hover {
    background: #bca176;
    color: #fff;
}

.design {
    padding: 5% 9%;
}

.design .inner-title:after {
    display: none;
}

.design .inner-title .main {
    background: #FFFFFF;
}

.design .design-lc {
    margin-top: 3%;
}

.design .design-lc .box:last-child div:nth-child(1) {
    order: 8;
}

.design .design-lc .box:last-child div:nth-child(2) {
    order: 7;
}

.design .design-lc .box:last-child div:nth-child(3) {
    order: 6;
}

.design .design-lc .box:last-child div:nth-child(4) {
    order: 5;
}

.design .design-lc .box:last-child div:nth-child(5) {
    order: 4;
}

.design .design-lc .box:last-child div:nth-child(6) {
    order: 3;
}

.design .design-lc .box:last-child div:nth-child(7) {
    order: 2;
}

.design .design-lc .box {
    display: flex;
    justify-content: space-between;
}

.design .design-lc .box .pic-box {
    border: 1px solid #e7e7e7;
    padding: 1% 2%;
    text-align: center;
    cursor: pointer;
}

.design .design-lc .box .pic-box:hover {
    background: #977f63;
}

.design .design-lc .box .pic-box:hover p {
    color: #fff;
}

.design .design-lc .box .pic-w {
    width: 100px;
    height: 100px;
    border: 1px solid #e7e7e7;
    border-radius: 100%;
    position: relative;
    background: #fff;
}

.design .design-lc .box .pic-w .pic {
    width: 50%;
    height: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.design .design-lc .box p {
    color: #977f63;
    margin-top: 10px;
}

.design .design-lc .box.last .jt {
    transform: rotate(180deg);
}

.design .design-lc .jt {
    position: relative;
}

.design .design-lc .jt img {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.design .design-lc .mid {
    margin: 3% 0;
    text-align: right;
    padding-right: 3.8%;
}

.design .design-lc .mid img {
    transform: rotate(90deg);
}

.sh-service {
    padding: 3% 9%;
    background: #f5f3f2;
}

.sh-service .box {
    overflow: hidden;
    position: relative;
    margin-bottom: 3%;
}

.sh-service .pic-w {
    position: relative;
    width: 49%;
    padding-bottom: 33%;
}

.sh-service .txt {
    position: absolute;
    background: #fff;
    width: 53%;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    z-index: 2;
    padding: 3%;
}

.sh-service .txt h1 {
    color: #977f63;
}

.sh-service .txt .line {
    width: 20px;
    height: 1px;
    background: #000;
    margin: 20px 0;
}

.sh-service .txt p {
    font-size: 12px;
    opacity: .6;
    margin: 10px 0;
}

.sh-service .box:nth-child(2n) .pic-w {
    float: right;
}

.sh-service .box:nth-child(2n) .txt {
    right: auto;
    left: 0;
}

.sh-service h3 {
    background: #977f63;
    color: #fff;
    display: inline-block;
    padding: 5px;
}

.join-top {
    padding: 5% 9% 0 9%;
}

.join-top .inner-title:after {
    /* display: none; */
}

.join-top .inner-title .main {
    background: #FFFFFF;
    margin-top: 0;
}

.join-top .main {
    margin-top: 3%;
    overflow: hidden;
}

.join-top .main li {
    float: left;
    width: 20%;
    margin: 0 6.66% 0 0;
}

.join-top .main li:nth-child(4) {
    margin-right: 0;
}

.join-top .main li .des {
    margin-top: 30px;
    line-height: 30px;
    /* height: 120px; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.join-top .main li .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 57%;
    margin-top: 15px;
}

.join-list {
    /* margin-top: 5%; */
    overflow: hidden;
    padding: 5% 9%;
}

.join-list li {
    overflow: hidden;
}

.join-list li .title {
    padding: 3% 5%;
    background: #977f63;
    color: #fff;
    position: relative;
    border-bottom: 1px solid #b4a491;
}

.join-list li .title span {
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    right: 5%;
    margin-top: -10px;
    cursor: pointer;
}

.join-list li .title span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    margin-top: -1px;
}

.join-list li .title span:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    background: #fff;
    z-index: 2;
    margin-left: -1px;
    transition: all 0.3s;
    -webbkit-transition: all 0.3s;
}

.join-list li .title span:hover:before,
.join-list li.on .title span:before {
    height: 0;
}

.join-list li .main {
	line-height:32px;
    padding: 5%;
    border-top: 0;
    display: none;
    background: #b6a591;
    color: #fff;
}

.join-list li .main h1 {
    font-family: simhei;
}

.join-list li .main .des {
    margin-top: 3%;
    font-size: 14px;
    opacity: .7;
    margin-bottom: 5%;
}

.join-list li .main .des p {
    line-height: 30px;
}

.join-list li .main .lx {
    font-family: simhei;
}

.join-list li .main .lx p {
    line-height: 40px;
}

.news-detail {
    padding: 5% 9%;
}
.news-detail *{
	line-height:32px;
}
.news-detail .title {
    padding: 3% 5%;
    background: #977f63;
    color: #fff;
}

.news-detail .title h1 {
    letter-spacing: 3px;
}

.news-detail .title span {
    float: right;
    margin-top: 5px;
    letter-spacing: 0;
}

.news-detail .title .eng {
    margin-top: 1%;
    font-family: arial;
    letter-spacing: 1px;
}

.news-detail .pic-w {
    margin-top: 2%;
    padding-bottom: 29%;
    overflow: hidden;
    position: relative;
}

.news-detail .main {
    padding: 5%;
	background:#EEEEEE;
	line-height:32px;
    border-bottom: 1px solid #977f63;
}

.news-detail .op {
    margin: 2% 5%;
    margin-bottom: 0;
}

.news-detail .op a {
    display: block;
}

.news-detail .op .left {
    display: inline-block;
}

.news-detail .op .left a {
    margin-bottom: 20px;
}

.news-detail .op .left a:hover {
    color: #977f63;
}

.news-detail .op .right {
    width: 150px;
    height: 45px;
    background: #977f63;
    text-align: center;
    color: #fff;
    line-height: 43px;
    border: 1px solid #977f63;
    margin-top: 5px;
}

.news-detail .op .right:hover {
    background: #fff;
    color: #977f63;
}

.news-list {
    padding: 5% 9%;
    background: #e2e0df;
}

.news-list li {
    padding: 10px;
    overflow: hidden;
    background: #fff;
    margin-bottom: 2%;
}

.news-list li .pic-w {
    position: relative;
    overflow: hidden;
    width: 29%;
    padding-bottom: 17%;
    float: left;
}

.news-list li .txt {
    width: 71%;
    float: left;
    padding: 5% 4%;
}

.news-list li .txt span {
    float: right;
}

.news-list li .txt .des {
    margin-top: 3%;
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-list li:hover {
    background: #977f63;
}

.news-list li:hover .pic {
    transform: scale(1.1);
}

.news-list li:hover h1,
.news-list li:hover .des {
    color: #fff;
}

.zs1 {
    padding: 5% 9%;
}

.zs-ts {
    overflow: hidden;
}

.zs-ts img {
    width: 100%;
}

.zs1 .main {
    overflow: hidden;
    margin-top: 2%;
    position: relative;
}

.zs1 .main .txt {
    width: 29%;
    float: right;
}

.zs1 .main .txt li {
    background: #c7b093;
    color: #fff;
    padding: 9% 13%;
}

.zs1 .main .txt li:nth-child(2n) {
    background: #d8c8b3;
}

.zs1 .main .txt li .des {
    line-height: 1.5;
    margin-top: 5%;
}

.zs1 .main .pic-w {
    position: absolute;
    width: 71%;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}

.zs2 {
    padding: 5% 9%;
    background: #f5f3f2;
}

.zs2 .index-title h1 span {
    background: #f5f3f2;
}

.zs2 .main {
    /* overflow: hidden; */
}

.zs2 .main ul:after {
    content: "";
    display: block;
    clear: both;
}

.zs2 .main li {
    float: left;
    width: 18%;
    margin: 0 2.5% 2.5% 0;
    background: #fff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.zs2 .main li:hover {
    box-shadow: 0 0 15px 0 #999;
    transform: translateY(-15px);
}

.zs2 .main li:hover .pic {
    transform: scale(1.1);
}

.zs2 .main li:nth-child(5n) {
    margin-right: 0;
}

.zs2 .main li .pic-w {
    overflow: hidden;
    position: relative;
    padding-bottom: 130%;
}

.zs2 .main li h1 {
    padding: 20px 15px;
    border-top: 1px solid #dbdbdb;
    margin-top: 8%;
    border-bottom: 1px solid #dbdbdb;
}

.zs2 .main li .des {
    margin: 15px;
    opacity: .6;
    line-height: 25px;
    height: 75px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.zs-title {
    text-align: center;
    color: #666666;
    letter-spacing: 2px;
    margin-top: 2%;
}

.zs-title i {
    display: inline-block;
    width: 150px;
    height: 1px;
    background: #ede9e5;
    vertical-align: middle;
    margin: 0 25px;
}

.zs-title p {
    margin-top: 0.5%;
    opacity: .6;
}

.big-pic {
    width: 100%;
    overflow: hidden;
    margin-top: 3%;
    margin-bottom: 5%;
}

.big-pic img {
    width: 100%;
}

.zs-lb {
    position: relative;
    margin-top: 3%;
}

.zs-lb .s-prev {
    position: absolute;
    width: 60px;
    height: 130px;
    left: -2%;
    top: 25%;
    background: #bfbfbf url(../images/prev.png) center center no-repeat;
    z-index: 1;
    outline: none;
}

.zs-lb .s-next {
    position: absolute;
    width: 60px;
    height: 130px;
    right: -2%;
    top: 25%;
    background: #bfbfbf url(../images/next.png) center center no-repeat;
    z-index: 1;
    outline: none;
}

.zs-lb .button div:hover {
    background-color: #977F63;
}

.zs3 {
    padding: 5% 9%;
}

.zs3 .main {
    position: relative;
    margin-bottom: 2%;
    overflow: hidden;
}

.zs3 .main .box {
    width: 49%;
    float: left;
    position: relative;
    border: 1px solid #978165;
}

.zs3 .main .box:nth-child(2n) {
    float: right;
}

.zs3 .main .box .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 63%;
    width: 75%;
}

.zs3 .main .box .txt {
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    background: #978165;
    width: 25%;
    color: #fff;
}

.zs3 .main .box .txt .in {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center;
}

.zs3 .main .box .txt .in p {
    margin-bottom: 30%;
}

.zs3 .main .box .txt .in p:last-child {
    margin-bottom: 0;
}

.ly {
    padding: 5% 9%;
    background: #f5f3f2;
}

.ly.white {
    background: #fff;
}

.ly .main {
    overflow: hidden;
}

.ly .box {
    width: 850px;
    margin: 8% auto;
    padding: 45px 40px;
    background: #fff;
}

.ly .box .center {
    border: 1px solid #967f63;
}

.ly .box h1 {
    text-align: center;
    border-bottom: 1px solid #967f63;
    color: #967f63;
    padding: 4%;
}

.ly .box p {
    border-bottom: 1px solid #967f63;
    overflow: hidden;
}

.ly .box p span {
    width: 20%;
    float: left;
    display: block;
    height: 65px;
    text-align: center;
    color: #666666;
    line-height: 65px;
    border-right: 1px solid #967f63;
}

.ly .box p input {
    float: left;
    width: 80%;
    display: block;
    height: 65px;
    line-height: 65px;
    padding: 0 15px;
}
.ly .box p textarea {
	resize:none;
    float: left;
    width: 80%;
    display: block;
    height: 65px;
    line-height: 65px;
    padding: 0 15px;
}

.ly .box .tj {
    display: block;
    background: #967f63;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 3%;
    cursor: pointer;
    outline: none;
}

.ly .box .tj:hover {
    background: #fff;
    color: #967f63;
}

.zs4 {
    padding: 5% 9%;
}

.zs4 .main {
    margin-top: 2%;
    text-align: center;
}

.zs4 .main .box {
    display: inline-block;
    cursor: pointer;
}

.zs4 .main .box .pic-w {
    position: relative;
    overflow: hidden;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    background: #977f63;
    margin: auto;
    border: 1px solid #977f63;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.zs4 .main .box .pic-w .pic {
    width: 50%;
    height: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.zs4 .main .box p {
    margin-top: 15px;
    opacity: .8;
}

.zs4 .main .point {
    width: 60px;
    border-top: 2px dashed #977f63;
    display: inline-block;
    vertical-align: top;
    margin: 49px 15px 0 15px;
}

.zs4 .main .box:hover .pic-w {
    transform: rotateY(180deg);
}

.zs4 .main .box:hover p {
    color: #977f63;
}

.zs5 {
    padding: 5% 9%;
    background: #f5f3f2;
}

.zs5 .index-title span {
    background: #f5f3f2;
}

.zs5 .main-title {
    font-family: simhei;
    position: relative;
}

.zs5 .main-title:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 1px;
    background: #000;
    right: 0;
    top: 50%;
}

.zs5 .main-title span {
    font-size: 12px;
    font-family: arial;
    color: #9c9b9a;
}

.zs5 .jm1 .main {
    margin-top: 3%;
}

.zs5 .jm1 .main:after {
    content: "";
    display: block;
    clear: both;
}

.zs5 .jm1 .main li {
    float: left;
    width: 24.5%;
    overflow: hidden;
    margin-right: 0.66%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.zs5 .jm1 .main li:last-child {
    margin-right: 0;
}

.zs5 .jm1 .main li p {
    padding: 5%;
    background: #c7b093;
    color: #fff;
}

.zs5 .jm1 .main li .pic-w {
    position: relative;
    padding-bottom: 95%;
    overflow: hidden;
}

.zs5 .jm1 .main li:nth-child(2n) p {
    background: #d8c8b3;
}

.zs5 .jm1 .main li:hover {
    box-shadow: 0 0 15px 0 #666;
    transform: translateY(-5%);
}

.zs5 .jm2 {
    margin-top: 3%;
}

.zs5 .jm2 .main {
    margin-top: 3%;
}

.zs5 .jm2 .main ul:after {
    content: "";
    display: block;
    clear: both;
}

.zs5 .jm2 .main li {
    float: left;
    width: 48%;
    margin-bottom: 2%;
}

.zs5 .jm2 .main li:nth-child(2n) {
    float: right;
}

.zs5 .jm2 .main li .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 40%;
}

.zs5 .jm2 .main li .txt {
    margin-top: 3%;
    color: #494949;
    font-family: simhei;
}

.zs5 .jm2 .main li .txt .des {
    margin-top: 1%;
    line-height: 1.5;
    padding-left: 28px;
}

.zz1 {
    padding: 5% 9%;
}

.zz1 .main {
    margin-top: 3%;
    overflow: hidden;
}

.zz1 .main .left {
    float: left;
    width: 50%;
}

.zz1 .main .left .jd-swiper {
    overflow: hidden;
    position: relative;
}

.zz1 .main .left .jd-swiper .swiper-slide {
    overflow: hidden;
}

.zz1 .main .left .jd-swiper .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 52%;
}

.zz1 .main .left .jd-list {
    margin-top: 2%;
    overflow: hidden;
}

.zz1 .main .left .jd-list li {
    float: left;
    width: 25%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.zz1 .main .left .jd-list li .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 60%;
}

.zz1 .main .left .jd-list li:after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    left: 0;
    top: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.zz1 .main .left .jd-list li.on:after {
    opacity: 0;
}

.zz1 .main .txt {
    width: 45%;
    float: right;
    padding: 5% 0;
    color: #252525;
}

.zz1 .main .txt .line {
    width: 50px;
    height: 1px;
    background: #cabfb1;
    margin: 4% 0;
}

.zz1 .main .txt .des {
    opacity: .6;
}

.zz1 .main .txt .des p {
    margin-bottom: 2%;
    line-height: 2;
}

.zz2 {
    padding: 5% 9%;
    background: #f5f3f2;
}

.zz2 .index-title span {
    background: #f5f3f2;
}

.zz2 .txt,
.zz3 .txt {
    color: #252525;
    margin: 3% 0;
    width: 40%;
}

.zz2 .txt h1,
.zz3 .txt h1 {
    opacity: .9;
}

.zz2 .txt .line,
.zz3 .txt .line {
    width: 50px;
    height: 1px;
    background: #cabfb1;
    margin: 4% 0;
}

.zz2 .txt .des,
.zz3 .txt .des {
    opacity: .5;
}

.zz2 .txt .des p,
.zz3 .txt .des p {
    margin-bottom: 2%;
}

.zz2 .zz-lc {
    overflow: hidden;
}

.zz2 .zz-lc .box {
    display: flex;
    justify-content: space-between;
}

.zz2 .zz-lc .box:last-child div:nth-child(1) {
    order: 8;
}

.zz2 .zz-lc .box:last-child div:nth-child(2) {
    order: 7;
}

.zz2 .zz-lc .box:last-child div:nth-child(3) {
    order: 6;
}

.zz2 .zz-lc .box:last-child div:nth-child(4) {
    order: 5;
}

.zz2 .zz-lc .box:last-child div:nth-child(5) {
    order: 4;
}

.zz2 .zz-lc .box:last-child div:nth-child(6) {
    order: 3;
}

.zz2 .zz-lc .box:last-child div:nth-child(7) {
    order: 2;
}

.zz2 .zz-lc .box .pic-w {
    width: 22.5%;
    position: relative;
    padding-bottom: 13%;
    overflow: hidden;
}

.zz2 .zz-lc .box .pic-w p {
    position: absolute;
    width: 90%;
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
    left: 5%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.zz2 .zz-lc .box .jt {
    margin-top: 4.5%;
}

.zz2 .zz-lc .box:nth-child(2n) .jt {
    transform: rotate(180deg);
    margin-top: 0;
    margin-bottom: 5.5%;
}

.zz2 .zz-lc .jt.big {
    text-align: right;
    padding: 1% 11%;
}

.zz2 .zz-lc .jt.left {
    transform: rotate(180deg);
    margin-bottom: 4.5%;
}

.zz2 .zz-lc .jt.big img {
    transform: rotate(90deg);
}

.zz2 .zz-lc .box .pic-w:hover p {
    opacity: 0;
}

.zz2 .zz-lc .box .pic-w:hover .pic {
    transform: scale(1.1);
}

.zz2 .pic-box,
.zz3 .pic-box {
    overflow: hidden;
}

.zz2 .pic-box .pic-w,
.zz3 .pic-box .pic-w {
    position: relative;
    overflow: hidden;
    width: 32%;
    float: left;
    margin-right: 2%;
    padding-bottom: 30%;
}

.zz2 .pic-box .pic-w:last-child,
.zz3 .pic-box .pic-w:last-child {
    margin-right: 0;
}

.zz2 .pic-box .pic-w:hover .pic,
.zz3 .pic-box .pic-w:hover .pic {
    transform: scale(1.1);
}

.zz2 .three {
    position: relative;
    overflow: hidden;
}

.zz2 .three .left {
    width: 22.5%;
    overflow: hidden;
}

.zz2 .three .left li {
    text-align: center;
    color: #fff;
    background: #c7b093;
    padding: 20% 0;
}

.zz2 .three .left li:nth-child(2n) {
    background: #d8c8b3;
}

.zz2 .three .pic-w {
    position: absolute;
    top: 0;
    right: 0;
    width: 77.5%;
    height: 100%;
    overflow: hidden;
}

.zz3 {
    padding: 5% 9%;
}

.zz3 .five {
    overflow: hidden;
}

.zz3 .five li {
    float: left;
    width: 18%;
    margin-right: 2.5%;
}

.zz3 .five li:last-child {
    margin-right: 0;
}

.zz3 .five .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 125%;
    border: 1px solid #a08b71;
}

.zz3 .five h1 {
    margin: 10% 0 8% 0;
    padding: 5% 0;
    position: relative;
    border-top: 1px solid #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    position: relative;
}

.zz3 .five h1:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 1px;
    background: #000;
    right: 0;
    top: 50%;
}

.zz3 .five p {
    font-family: simsun;
    opacity: .6;
    font-size: 12px;
    line-height: 2;
}

.zz3 .five li:hover .pic {
    transform: scale(1.1);
}

.part {
    padding: 5% 9%;
    background: #f5f3f2;
}

.part .index-title span {
    background: #f5f3f2;
}

.part .main {
    margin-top: 3%;
    overflow: hidden;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
}

.part .main li {
    float: left;
    width: 20%;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #ccc;
    padding: 4% 3%;
    padding-bottom: 2%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.part .main li:hover {
    background: #977f63;
}

.part .main li .pic-w {
    padding-bottom: 30%;
    position: relative;
}

.part .main li p {
    text-align: center;
    line-height: 20px;
    height: 40px;
    opacity: .7;
    width: 60%;
    margin: auto;
    margin-top: 10%;
}

.part .des {
    margin-bottom: 4%;
    text-align: center;
    opacity: .6;
    line-height: 2;
    font-size: 16px;
    position: relative;
}

.part .des:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 50px;
    height: 1px;
    background: #977f63;
    left: 50%;
    margin-left: -25px;
    bottom: -20px;
}

.pp-top {
    padding: 5% 9%;
}

.pp-top .index-title p {
    font-size: 14px;
    letter-spacing: 0;
}

.pp-top .main {
    position: relative;
    overflow: hidden;
    margin-top: 2%;
    margin-bottom: 5%;
}

.pp-top .main .pic-w {
    position: relative;
    width: 50%;
    float: right;
    overflow: hidden;
    padding-bottom: 35%;
}

.pp-top .main img {
    max-width: 100%;
}

.pp-top .main .txt {
    width: 45%;
    float: left;
}

.pp-top .main .txt h1 {
    color: #666;
    margin-top: 5%;
}

.pp-top .main .txt .line {
    width: 50px;
    height: 1px;
    background: #cabfb1;
    margin: 5% 0;
}

.pp-top .main .txt p {
    color: #666666;
    opacity: .75;
    line-height: 2;
    margin-bottom: 2%;
    font-size: 14px;
}

.pp-top .main.two {
    margin-bottom: 0;
}

.pp-top .main.two .txt {
    float: right;
}

.pp-top .main.two .pic-w {
    float: left;
}

.pp-top .main.two h1 {
    margin-top: 0;
}

.fzlc {
    padding: 5% 9%;
}

.fzlc .index-title p {
    letter-spacing: 0;
    color: #fff;
    opacity: .2;
}

.fzlc .index-title h1 span {
    background: none;
    color: #fff;
}

.index-title h1 {
    background: none;
}

.index-title h1:after {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    background: #b2b2b2;
    right: 0;
    top: 0;
}

.index-title h1:before {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    background: #b2b2b2;
    left: 0;
    top: 0;
}

.lc-swiper {
    margin-top: 5%;
    overflow: hidden;
}

.lc-swiper .swiper-slide {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
}

.lc-swiper .swiper-slide .box {
    width: 15px;
    height: 15px;
    background: #967f63;
    margin: 20px auto;
    transform: rotate(45deg);
}

.lc-swiper .swiper-slide-active {
    background: #967f63;
    padding: 20px 0;
}

.lc-swiper .swiper-slide-active .box {
    margin: 0px auto;
    display: none;
}

.lc2-swiper {
    width: 800px;
    margin: auto;
    margin-top: 5%;
    overflow: hidden;
}

.lc2-swiper .swiper-slide {
    background: url(../images/op.png);
    padding: 10% 8%;
}

.lc2-swiper .swiper-slide h1 {
    color: #c1a27d;
}

.lc2-swiper .swiper-slide .line {
    width: 50px;
    height: 1px;
    background: #858586;
    margin: 5% 0;
}

.lc2-swiper .swiper-slide .des {
    line-height: 1.5;
    opacity: .8;
    color: #fff;
}

.pp-bot {
    padding: 5% 9%;
}

.pp-bot .index-title p {
    font-size: 14px;
    letter-spacing: 0;
}

.pp-bot .ry-list {
    overflow: hidden;
    margin-top: 3%;
}

.pp-bot .ry-list li {
    width: 19.2%;
    float: left;
    margin-right: 1%;
    margin-bottom: 3.75%;
}

.pp-bot .ry-list li:nth-child(5n) {
    margin-right: 0;
}

.pp-bot .ry-list li .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 70%;
}

.pp-bot .ry-list li p {
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #5d5959;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    font-size: 12px;
}

.pp-bot .ry-list li.big {
    margin-right: 0;
    width: 37.75%;
}

.pp-bot .ry-list li.big .pic-w {
    padding-bottom: 63.4%;
}

.pp-bot .ry-list li:hover .pic {
    transform: scale(1.1);
}

.pp-bot .ry-list li:hover p {
    background: #967f63;
}

.pp-bot .qy-list {
    overflow: hidden;
    margin-top: 3%;
}

.pp-bot .qy-list li {
    float: left;
    width: 22.5%;
    margin-right: 3.33%;
    margin-bottom: 3.33%;
}

.pp-bot .qy-list li:nth-child(4n) {
    margin-right: 0;
}

.pp-bot .qy-list li:last-child {
    margin-right: 0;
}

.pp-bot .qy-list li p {
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background: #5d5959;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    font-size: 12px;
}

.pp-bot .qy-list li .pic-w {
    position: relative;
    overflow: hidden;
    padding-bottom: 70%;
}

.pp-bot .qy-list li.big {
    width: 48.3%;
}

.pp-bot .qy-list li.big .pic-w {
    padding-bottom: 36%;
}

.pp-bot .qy-list li:hover .pic {
    transform: scale(1.1);
}

.pp-bot .qy-list li:hover p {
    background: #967f63;
}

.fix-right {
    position: fixed;
    z-index: 99;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.fix-right p {
    display: none;
}

.fix-right li:nth-child(1) {
    background-image: url(../images/ficon1.png);
}

.fix-right li:nth-child(2) {
    background-image: url(../images/ficon2.png);
}

.fix-right li:nth-child(3) {
    background-image: url(../images/ficon3.png);
}

.fix-right li:nth-child(4) {
    background-image: url(../images/ficon4.png);
}

.fix-right li {
    width: 78px;
    height: 76px;
    background-color: #5d5959;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.fix-right li a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.fix-right li .tel {
    position: absolute;
    right: -500px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    height: 76px;
    padding: 0 15px;
    color: #fff;
    line-height: 76px;
    font-size: 18px;
    letter-spacing: 2px;
    width: 200px;
    text-align: center;
}

.fix-right li:hover .tel {
    right: 78px;
    background-color: #5d5959;
}

.s-list {
    overflow: hidden;
}

.s-list li {
    margin-bottom: 2%;
    border-bottom: 1px solid #000;
    padding-bottom: 2%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.s-list li h1 {
    margin-bottom: 2%;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.s-list li .des {
    line-height: 1.5;
}

.s-list li:hover h1 {
    color: #967f63;
}

.s-list li:hover {
    border-bottom: 1px solid #967f63;
}

@media screen and (max-width: 1600px) {
    .pro-swiper .txt .left {
        padding: 3.7% 5%;
    }
    footer .top .left {
        width: 31.5%;
    }
}

@media screen and (max-width: 1440px) {
    header .logo {
        width: 28.5%;
    }
    header .main {
        padding-left: 28.5%;
    }
    header .main nav a {
        padding: 5% 15px;
    }
    .pro-swiper .txt .left {
        padding: 3.4% 5%;
    }
    .index-zs .main li p {
        font-size: 12px;
    }
    .index-store .s-prev,
    .index-store .s-next {
        width: 40px;
        height: 80px;
        background-size: 30%;
    }
    footer .top .right {
        width: 67%;
    }
    footer .top .ewms .box {
        width: 90px;
    }
    footer .top .ewms .box img {
        width: 100%;
    }
    footer .top .right .nav ul a {
        margin-bottom: 20px;
    }
    footer .top .left .logo {
        width: 250px;
        margin-top: 5%;
    }
    footer .top .left .logo img {
        width: 100%;
    }
    footer .top .left input,
    footer .top .left button {
        height: 40px;
        line-height: 40px;
    }
    footer .top .left button {
        background-size: 60%;
        width: 40px;
        float: right;
    }
    footer .top .left .search {
        width: 360px;
        margin: 10% 0;
    }
}

@media screen and (max-width: 1366px) {
    .index-pro .pro-list li .txt h2 {
        font-size: 12px;
    }
    .pp-top .main .txt p,
    .pp-top .main .txt p {
        line-height: 1.5;
    }
    .join-list li .main h1 {
        font-size: 16px;
    }
    .join-list li .main p {
        font-size: 14px;
    }
    .join-top .main li .des {
        line-height: 20px;
        overflow: hidden;
    }
    .news-list li .pic-w {
        padding-bottom: 18%;
    }
    .zs2 .main li .des {
        line-height: 20px;
        height: 60px;
    }
    .zz3 .five p {
        line-height: 1.5;
    }
}

@media screen and (max-width: 1200px) {
    .fix-right {
        display: none;
    }
    .zs-lb .button {
        display: none;
    }
    footer .bot,
    footer .bot h1 {
        font-size: 12px;
    }
    footer .top {
        padding: 3%;
    }
    header .logo {
        width: 20%;
    }
    header .main {
        padding-left: 20%;
    }
    header .main .top .box,
    header .main .top a {
        height: 45px;
        line-height: 45px;
    }
    header .main .top .box p {
        line-height: 45px;
    }
    header .main .top .box span {
        margin-top: -3px;
    }
    .index-new .main li .txt .des {
        margin-top: 10%;
    }
    footer .top .right .nav ul a.big {
        padding: 10px;
    }
    .index-title .eng,
    .cp-series li .txt p {
        letter-spacing: 2px;
    }
    .sh-service .txt {
        position: relative;
        float: left;
        transform: translateX(0);
        width: 50%;
    }
    .sh-service .pic-w {
        float: left;
        width: 50%;
    }
    .news-list li .pic-w {
        padding-bottom: 19%;
    }
    .zs3 .main .box .txt {
        width: 30%;
    }
    .zs3 .main .box .pic-w {
        width: 70%;
    }
    .zs4 .main .point {
        width: 20px;
    }
    .phone-bot {
        width: 100%;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        justify-content: space-between;
        background: #bca176;
        padding: 10px;
        position: fixed;
        z-index: 999;
        bottom: 0;
    }
    .phone-bot .box {
        text-align: center;
        font-size: 16px;
        line-height: 30px;
    }
    .phone-bot .box:first-child .icon {
        margin-top: 0;
    }
    .phone-bot .box .icon {
        display: inline-block;
        font-size: 20px;
        margin-right: 5px;
        vertical-align: top;
        margin-top: 0.5px;
    }
    .phone-bot .box a {
        color: #fff;
    }
}

@media screen and (max-width: 1024px) {
    body {
        padding-bottom: 50px;
    }
    .inner-banner .inner-nav.scoll {
        opacity: .8;
    }
    .join-top .main li {
        width: 46%;
        margin: 0 4% 4% 0;
    }

    .join-top .main li .des {
        height: 120px;
    }
    .lc2-swiper {
        width: 100%;
    }
    .cp-list .choose a {
        font-size: 14px;
        line-height: 25px;
    }
    .cp-list .choose h1 {
        line-height: 25px;
    }
    .cp-list .choose .box {
        margin-bottom: 4%;
    }
    .zs-title i {
        display: none;
    }
    .zs-title p {
        font-size: 12px;
    }
    header .main .top .box {
        display: none;
    }
    .index-title h1:after,
    .index-title h1:before {
        display: none;
    }
    header .main nav {
        display: none;
    }
    header .main .menu-box {
        height: 40px;
        line-height: 40px;
        background: #fff;
    }
    header .main {
        padding-left: 50%;
    }
    header .logo {
        width: 50%;
    }
    header .main .top .box,
    header .main .top a {
        float: right;
    }
    header .main .top {
        background: #967f63;
    }
    header .menu {
        width: 40px;
        float: right;
        margin-top: 10px;
        margin-right: 20px;
        display: block;
    }
    header .menu .line1 {
        width: 100%;
        height: 3px;
        background: #967f63;
    }
    header .menu .line2 {
        width: 100%;
        height: 3px;
        background: #967f63;
        margin-top: 5px;
    }
    header .menu .line3 {
        width: 100%;
        height: 3px;
        background: #967f63;
        margin-top: 5px;
    }
    .index-pro,
    .index-pp,
    .index-store,
    .index-new,
    .cp-list,
    .cp-series,
    .sh-service,
    .pp-bot,
    .zz1,
    .zz2,
    .zz3,
    .zs4,
    .zs5,
    .news-list,
    .news-detail,
    .join-top,
    .join-list {
        padding: 3%;
    }
    footer .nav {
        display: none;
    }
    footer .top .left {
        width: 100%;
        float: none;
    }
    footer .top .right {
        float: none;
        width: 100%;
    }
    footer .top .ewms {
        float: none;
    }
    footer .top .left .search {
        margin: 5% 0;
    }
    footer .top .ewms .box {
        margin-left: 0;
        margin-right: 30px;
    }
    .swiper_01 .swiper-slide .txt {
        display: none;
    }
    /* .swiper_01 .swiper-slide .pic-w{
		padding-bottom: 60%;
	} */
    .index-title .eng,
    .cp-series li .txt p {
        left: 0;
        font-size: 12px;
    }
    .index-title p {
        letter-spacing: 0;
        font-size: 12px;
    }
    .index-title h1 {
        margin: 10px 0;
    }
    .index-pro .pro-list li,
    .index-zs .main li {
        width: 48%;
        min-height: 360px;
        margin: 0 0.6% 4% 0;
    }

    .index-pro .pro-list li .txt h2 {
        line-height: 1.5;
    }
    .pro-xl .pro-swiper {
        width: 100%;
        position: relative;
    }
    .pro-xl .pro-swiper .swiper-slide .pic-w {
        position: relative;
        overflow: hidden;
        padding-bottom: 100%;
    }
    .pro-swiper .txt .right {
        display: none;
        background: rgba(0, 0, 0, 0.5);
    }
    .pro-xl .main {
        width: 100%;
        float: none;
        display: none;
    }
    .pro-swiper .txt .left {
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
    }
    .pro-swiper .txt .left .line {
        display: none;
    }
    .pro-xl .main li .line {
        margin: 2% auto;
    }
    .index-pp .main .pic-w {
        position: relative;
        width: 100%;
        padding-bottom: 60%;
    }
    .index-pp .main .txt {
        width: 100%;
        float: none;
    }
    .index-pp .main .txt .des {
        line-height: 1.5;
    }
    .index-pp .main .txt .eng {
        margin-top: 10px;
    }
    .index-pp .main .txt .more {
        width: 160px;
        height: 40px;
        line-height: 38px;
        margin: auto;
    }
    .index-store .button {
        display: none;
    }
    .index-new .main li {
        float: none;
        width: 100%;
    }
    .index-new .main li .txt {
        padding: 5%;
    }
    .index-new .main li .txt span {
        display: none;
    }
    .index-new .main li .txt .des {
        margin-top: 5%;
    }
    footer .top .left .search {
        width: 100%;
    }
    .inner-banner .inner-nav {
        position: relative;
        background: #bca176;
        color: #fff;
        overflow: hidden;
        display: block;
        background: #fff;
        border: none;
    }
    .inner-banner .inner-nav a {
        width: 25%;
        display: block;
        float: left;
        background: #d2c3ad;
        height: 40px;
        line-height: 40px;
    }
    .inner-banner .inner-nav a {}
    .cp-main li {
        width: 48%;
        margin: 0 4% 4% 0;
    }
    .cp-main li:nth-child(3n) {
        margin: 0 4% 4% 0;
    }
    .cp-main li:nth-child(2n) {
        margin-right: 0;
    }
    .cp-main li p {
        font-size: 12px;
        letter-spacing: 0;
    }
    .cp-list .choose p {
        font-size: 12px;
        line-height: 20px;
    }
    .cp-list .choose h1 {
        line-height: 20px;
    }
    .cp-series li .txt {
        width: 50%;
    }
    .cp-series li .pic-w {
        padding-bottom: 60%;
    }
    .cp-series li .txt .more {
        margin-top: 20%;
    }
    .design .design-lc .box {
        display: block;
    }
    .design .design-lc {
        overflow: hidden;
    }
    .design .design-lc .box .pic-box {
        width: 48%;
        float: left;
        margin: 0 2% 2% 0;
    }
    .design .design-lc .jt {
        display: none;
    }
    .design .design-lc .box .pic-w {
        margin: auto;
    }
    .design .design-lc .mid {
        display: none;
    }
    .sh-service .pic-w {
        float: none;
        width: 100%;
        padding-bottom: 60%;
    }
    .sh-service .txt {
        width: 100%;
    }
    .sh-service h3 {
        line-height: 1.5;
    }
    .pp-top .main .txt {
        width: 100%;
        float: none;
    }
    .pp-top .main .txt p,
    .pp-top .main .txt p {
        font-size: 12px;
    }
    .pp-top .main .pic-w {
        width: 100%;
        padding-bottom: 60%;
    }
    .pp-bot .ry-list li,
    .pp-bot .ry-list li:nth-child(5n),
    .pp-bot .qy-list li {
        width: 48%;
        margin: 0 2% 2% 0;
    }
    .pp-bot .ry-list li.big,
    .pp-bot .qy-list li.big {
        width: 100%;
    }
    .zz1 .main .left {
        float: none;
        width: 100%;
    }
    .zz1 .main .txt {
        width: 100%;
    }
    .zz1 .main .txt .des p {
        line-height: 1.5;
    }
    .zz2 .txt,
    .zz3 .txt {
        width: 100%;
    }
    .zz2 .zz-lc .box .jt {
        display: none;
    }
    .zz2 .zz-lc .jt.big {
        display: none;
    }
    .zz2 .zz-lc {
        /* display: none; */
    }
    .zz2 .zz-lc .box {
        display: block;
    }
    .zz2 .zz-lc .box .pic-w {
        width: 48%;
        float: left;
        margin: 0 4% 4% 0;
        padding-bottom: 35%;
    }
    .zz2 .zz-lc .box .pic-w:nth-child(3n),
    .zz2 .zz-lc .box .pic-w:last-child {
        margin-right: 0;
    }
    .zz2 .three .left li {
        font-size: 14px;
        padding: 23% 0;
    }
    .zz3 .five li {
        width: 48%;
        margin: 0 4% 4% 0;
    }
    .zz3 .five li:nth-child(2n) {
        margin-right: 0;
    }
    .part {
        padding: 5%;
    }
    .part .des {
        font-size: 12px;
        line-height: 1.5;
    }
    .part .main li {
        width: 50%;
    }
    .part .main li p {
        font-size: 12px;
        width: 90%;
    }
    .part .des:after {
        display: none;
    }
    .zs4 .main .box .pic-w {
        width: 60px;
        height: 60px;
    }
    .zs4 .main .box {
        width: 33%;
        margin-bottom: 5%;
    }
    .zs4 .main .point {
        display: none;
    }
    .zs4 .main .box p {
        font-size: 12px;
        margin-top: 10px;
    }
    .zs5 .jm1 .main li {
        width: 100%;
        margin-bottom: 2%;
    }
    .zs5 .jm2 .main li {
        width: 100%;
    }
    .ly {
        padding: 0;
    }
    .ly .main {
        padding: 3%;
    }
    .ly .box {
        width: 100%;
        padding: 20px;
    }
    .ly .box p span,
    .ly .box p input {

        line-height: 40px;
        font-size: 12px;
    }
    .zs1 .main .pic-w {
        position: relative;
        width: 100%;
        padding-bottom: 60%;
    }
    .zs1 .main .txt {
        width: 100%;
        float: none;
    }
    .zs1 .main .txt li {
        padding: 5%;
    }
    .zs2 .main li,
    .zs2 .main li:nth-child(5n) {
        width: 48%;
        margin: 0 4% 4% 0;
        float: left;
    }

    .zs2 .main li h1 {
        margin-top: 0;
        padding: 10px;
    }
    .zs3 .main .box {
        width: 100%;
        float: none;
        margin-bottom: 3%;
    }
    .zs3 .main .box .txt .in {
        font-size: 12px;
    }
    .news-list li .pic-w {
        padding-bottom: 40%;
        width: 100%;
    }
    .news-list li .txt {
        width: 100%;
    }
    .news-list li .txt .des {
        line-height: 1.5;
    }
    #pages a {
        margin: 0;
    }
    .news-detail .main p {
        font-size: 12px;
    }
    .news-detail .op .right {
        float: none;
    }
    .news-detail .main {
        margin: 0;
    }
    .news-detail .op {
        margin: 2% 0;
    }
    .news-detail .op .left a {
        margin-bottom: 10px;
    }
    .news-detail .title span {
        display: block;
        float: none;
        margin: 10px 0;
    }
    .join-list li .title span {
        width: 10px;
        height: 10px;
        margin-top: -5px;
    }
    footer .bot a,
    footer .bot h1 {
        display: none;
    }
}

   #pic-page{
    text-align: center;
    margin-top:10px;
}
#pic-page a{
    margin: 0 2px;
}
#pic-page a img
{
    width:40px;
    padding: 2px;
    border: solid #ccc 1px;
    margin-bottom:5px;
}
#pic-page a:hover img,
#pic-page a.active img {
    border: solid #5280DD 1px;
}
.product_con {
    clear: both; 
    border-top: 1px dotted #a9a9a9;
    margin:10px 0px 20px 0px;
    padding:20px 0px 0px 0px; 
    line-height:26px;
    overflow: auto;
 }
.photo_con {
    clear: both;
    margin:0px 0px 20px 0px; 
    padding:10px 0px 20px 0px;
    line-height:26px;
    overflow: auto;
 }
 .product_con img,
 .photo_con img {
    max-width: 840px;
 }
 /*列表页-新闻*/
.right_new{
    clear: both; 
    list-style:none;
    margin:0px; 
    padding:0px 0px 20px 0px;
}
.right_new li{
    color:#898989;
    font-size: 16px;
    line-height:22px; 
    padding:12px 0px; 
    padding-left:20px;
    padding-right:20px;
	background:#fff;
    border-bottom: 1px dashed #e3e2e2;
	display:block;
}
.right_new li:hover,.right_new li:hover a{
    color:#fff;
}
.right_new li a:hover,
.right_new li a:focus{
    text-decoration:none;
    color:#fff;
}
.news_time{
    float:right;
}

.pro-list .wide{position:relative;}
.pro-list ul{ overflow:hidden; zoom:1; }
.pro-list .hd{ }
.pro-list .hd .prev,.pro-list .hd .next{ position:absolute;width:40px; height:40px;top: 50%; background:rgba(0,0,0,0.8); font:bold 16px/40px "宋体"; text-align:center; z-index:5; color:#fff;}
.pro-list .hd .prev{left:1%; }
.pro-list .hd .next{right:1%; }
.pro-list .hd .prev:hover,  .pro-list .hd .next:hover{ background:rgba(0,0,0,1); }
.pro-list .hd .prev:before{ content:"<"; }
.pro-list .hd .next:before{ content:">"; }
.pro-list .bd{ overflow:hidden;  }
.pro-list .bd li{width:24%; float:left; overflow:hidden; }

.index-pp .main .txt .des p{line-height: 2;}


.news-detail .main p{font-size: 14px; color: #333;}

div.digg a{height: auto;}
div.digg span{height:auto;}

.page-box{width: 100%; height: 80px;}

.news-detail img{max-width: 100%;}


div.digg span.disabled{color: #333;border: 1px solid #999;}